﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Welcome</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript" src="Script/Common.js"></script>
    <script type="text/javascript" src="Script/jquery-1.7.1.js"></script>
    <script type="text/javascript" src="Script/Login.js"></script>
    <link type="text/css" rel="stylesheet" href="./qq_files/jet.all.css">
    <link type="text/css" rel="stylesheet" href="./qq_files/qqweb.main.css">
    <style type="text/css">
        a#startingChangeEvn
        {
            color: #0033FF;
            text-decoration: none;
        }
        a#startingChangeEvn:hover
        {
            text-decoration: underline;
        }
    </style>
    <link id="jet_load_0" type="text/css" charset="utf-8" rel="stylesheet" href="./qq_files/qqweb.main.2.css">
    <link id="Link1" type="text/css" charset="utf-8" rel="stylesheet" href="1.css">
    <link id="jet_load_2" type="text/css" charset="utf-8" rel="stylesheet" href="./qq_files/style.css">
    <link id="jet_load_5" type="text/css" charset="utf-8" rel="stylesheet" href="./qq_files/style(1).css">
    <link id="jet_load_8" type="text/css" charset="utf-8" rel="stylesheet" href="./qq_files/qqweb.app.buddyadder.css">
    <style type="text/css">
        u
        {
            text-decoration: none;
            white-space: nowrap;
        }
        *
        {
            font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
            font-size: 12px;
        }
        body
        {
            margin: 0;
            padding: 0;
            background: #F6F6F6;
        }
        form
        {
            margin: 0;
            padding: 0;
        }
        img
        {
            border: 0 none;
        }
        a
        {
            text-decoration: none;
        }
        em
        {
            font-style: normal;
        }
        .clearer
        {
            clear: both;
            display: block;
            font-size: 1px;
            height: 1px;
            margin: 0;
            padding: 0;
        }
        .signin
        {
            width: 360px;
            margin: 0 auto;
            float: none;
            padding: 0;
        }
        .signin .subcolumn01 .middle
        {
            float: left;
            width: 296px;
            height: 40px;
        }
        .signin .subcolumn01 .middle span
        {
            line-height: 40px;
            color: #000;
            font-weight: bold;
            font-size: 14px;
            padding-left: 4em;
        }
        .signin .subcolumn02
        {
            width: 356px;
            overflow: hidden;
            zoom: 1;
            padding-bottom: 10px;
        }
        .strong-login .signin .subcolumn02
        {
            padding-top: 20px;
        }
        .signin .subcolumn02 .signin-area
        {
            padding: 1px 17px;
            margin: 0 0 0 40px;
        }
        .signin .subcolumn02 .signin-area-bg
        {
            float: left;
            width: 296px;
        }
        .signin .subcolumn02 .signin-area-bg .padder
        {
            margin: 8px 0 0;
        }
        .signin .subcolumn02 .signin-area-bg .padder .sign-input
        {
            margin: 14px 0 0 0;
        }
        .signin .subcolumn02 .signin-area-bg .padder span.title
        {
            width: 60px;
            height: 20px;
            margin-right: 5px;
            _margin-top: 2px;
            text-indent: -999em;
            float: left;
            background: url("qq_files/images/login_btn.png") no-repeat;
        }
        .signin .subcolumn02 .signin-area-bg .padder span.account
        {
            background-position: 0 -36px;
        }
        .signin .subcolumn02 .signin-area-bg .padder span.password
        {
            background-position: -60px -36px;
        }
        .signin .subcolumn02 .signin-area-bg .padder span.code
        {
            background-position: -120px -36px;
        }
        .signin .subcolumn02 .signin-area-bg .padder span.input
        {
            display: block;
        }
        .signin .subcolumn02 .signin-area-bg .padder span.input a
        {
            margin-left: 7px;
            text-decoration: underline;
            color: #3472a3;
        }
        .signin .subcolumn02 .signin-area-bg .padder span.expand
        {
            padding-left: 5.9em;
            -moz-user-select: none;
            -khtml-user-select: none;
            width: 200px;
        }
        *:lang(en) .signin .subcolumn02 .signin-area-bg .padder span.expand
        {
            margin-left: -7px;
        }
        .signin .subcolumn02 .signin-area-bg .padder .input01
        {
            width: 170px;
            border: 1px #ccc solid;
            color: #868686;
            font-size: 16px;
            padding: 2px;
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            -khtml-border-radius: 10px;
            -border-radius: 10px;
            outline: none;
        }
        .signin .subcolumn02 .signin-area-bg .padder .validate
        {
            color: #808080;
            margin: 0;
        }
        .valcode .pic
        {
            padding: 5px 0 0 68px;
        }
        .valcode .pic img
        {
            width: 130px;
            height: 53px;
        }
        .signin .subcolumn03
        {
            clear: both;
        }
        .strong-login .signin .subcolumn03
        {
            margin: 10px 0;
        }
        .signin .subcolumn03 .left
        {
            float: left;
        }
        .signin .subcolumn03 .middle
        {
            float: left;
        }
        .signin .subcolumn03 .middle .middle-padder
        {
            float: left;
            padding: 15px 0 0 55px;
        }
        .signin .subcolumn03 .middle .signin-btn
        {
            background: url("qq_files/images/login_btn.png") no-repeat -111px 0;
            width: 111px;
            height: 36px;
            border: 0;
            text-align: center;
            line-height: 20px;
            color: #0C4E7C;
            cursor: pointer;
            margin-left: 14px;
        }
        .signin .subcolumn03 .middle .signin2
        {
            float: left;
            margin-left: 0;
        }
        .signin .subcolumn03 .middle .signup-btn
        {
            background: url("qq_files/images/login_btn.png") no-repeat 0 0;
            width: 111px;
            height: 36px;
            display: block;
            border: 0;
            text-align: center;
            line-height: 20px;
            color: #0C4E7C;
            cursor: pointer;
            outline: none;
            float: left;
        }
        .signin .subcolumn03 .right
        {
            float: left;
        }
        .signin.yui-panel, .signin.yui-panel .hd, .signin.yui-panel .bd, .signin.yui-panel .ft
        {
            margin: 0;
            padding: 0;
            border: none;
            background: none;
        }
        .signin.yui-panel .hd
        {
            font-weight: normal;
        }
        .signin-area-bg .expand
        {
            display: block;
            width: 16em;
            margin-left: 55px;
        }
        .middle-padder
        {
            width: 280px;
        }
        .middle-padder span
        {
            float: left;
        }
        .valcode
        {
            padding: 2px 0 0 0;
        }
        .valcode a
        {
            color: #3472a3;
            text-decoration: underline;
        }
        .valcode .expand
        {
            padding: 10px 0;
            float: left;
        }
        .bottom-padder
        {
            clear: both;
            text-align: center;
            padding: 6px 0;
            width: 356px;
        }
        .bottom-padder a
        {
            color: #3472A3;
            margin: 10px;
            text-decoration: underline;
        }
        .verify_text
        {
            padding: 3px 0 0 68px;
        }
        .err_m
        {
            display: none;
            color: #f00;
        }
        .signin-extend
        {
            margin: 8px 0 0 58px;
        }
        .webqq-checkbox
        {
            font-size: 12px;
            line-height: 2;
            float: left;
            margin-right: 20px;
        }
        .webqq-checkbox span
        {
            width: 20px;
            height: 20px;
            float: left;
            cursor: pointer;
            background: url("qq_files/images/ptlogin.gif") no-repeat scroll -40px -16px transparent;
        }
        .webqq-checkbox .checked
        {
            background-position: -60px -16px;
        }
        .login-state-trigger
        {
            cursor: pointer;
            display: block;
            float: left;
            height: 16px;
            overflow: hidden;
            width: 120px;
            margin: 4px 0 0 0;
        }
        .login-state-trigger2
        {
            margin: 10px 0 0 20px;
        }
        .login-state-down
        {
            background: url("qq_files/images/ptlogin.gif") no-repeat scroll 0 -22px transparent;
            float: left;
            height: 6px;
            margin-top: 5px;
            overflow: hidden;
            text-indent: -999em;
            width: 7px;
        }
        .login-state-show
        {
            float: left;
            height: 14px;
            overflow: hidden;
            text-indent: -999em;
            width: 14px;
            margin: 1px 4px 0 0;
        }
        .login-state-txt
        {
            float: left;
            margin-left: 5px;
            line-height: 18px !important;
        }
        .login-state .callme
        {
            background: url("qq_files/images/ptlogin.png") -72px 0 no-repeat;
            _background: url("qq_files/images/ptlogin.gif") -72px 0 no-repeat;
        }
        .login-state .online
        {
            background: url("qq_files/images/ptlogin.png") 0 0 no-repeat;
            _background: url("qq_files/images/ptlogin.gif") 0 0 no-repeat;
        }
        .login-state .away
        {
            background: url("qq_files/images/ptlogin.png") -18px 0 no-repeat;
            _background: url("qq_files/images/ptlogin.gif") -18px 0 no-repeat;
        }
        .login-state .busy
        {
            background: url("qq_files/images/ptlogin.png") -36px 0 no-repeat;
            _background: url("qq_files/images/ptlogin.gif") -36px 0 no-repeat;
        }
        .login-state .silent
        {
            background: url("qq_files/images/ptlogin.png") -108px 0 no-repeat;
            _background: url("qq_files/images/ptlogin.gif") -108px 0 no-repeat;
        }
        .login-state .hidden
        {
            background: url("qq_files/images/ptlogin.png") -54px 0 no-repeat;
            _background: url("qq_files/images/ptlogin.gif") -54px 0 no-repeat;
        }
        .statePanel
        {
            position: absolute;
            right: 57px;
            top: 20px;
            z-index: 10;
            margin: 0;
            border-width: 1px;
            border-style: solid;
            border-color: #ccc #6a6a6a #666 #cdcdcd;
            padding: 0;
            width: 100px;
            height: 133px;
            overflow: hidden;
            background: white;
            font-size: 12px;
            line-height: 1.5;
            display: none;
        }
        .statePanel .statePanel_li
        {
            display: block;
            float: left;
            margin: 0;
            padding: 3px 0;
            width: 100px;
            height: 16px;
            line-height: 16px;
            overflow: hidden;
            zoom: 1;
            cursor: pointer;
        }
        .stateSelect_icon
        {
            float: left;
            margin: 2px 0 0 5px;
            width: 14px;
            height: 14px;
            overflow: hidden;
        }
        .stateSelect_text
        {
            margin: 0 0 0 22px;
        }
        .main
        {
            background-color: #ffffff;
        }
    </style>
</head>
<body>
    <div class="ui_boxy" style="display: block; width: 380px; z-index: 300027; left: 5px;
        top: 11px; height: 247px;">
        <div style="position: relative; z-index: 1;">
            <div class="ui_boxyClose" id="ui_boxyClose_1336324807786">
            </div>
        </div>
        <div class="ui_boxyWrapper" id="ui_boxyWrapper_1336324807786">
            <div id="login_window_content_area" class="login_content_area">
                <div class="login_logo_qq">
                </div>
                <div>
                    <div class="signin" id="login">
                        <div id="qlogin" style="display: none">
                            <div id="qlogin_select" style="display: none" class="list_name">
                                <p id="qlogin_select_tip">
                                </p>
                                <div id="list_uin" style="margin: 0;">
                                </div>
                                <div style="padding-left: 32px; padding-top: 20px;">
                                    <input type="button" id="loginbtn" value="" class="btn_select" onclick="onQloginSelect()">
                                </div>
                                <div id="qlogin_loading" class="linemid">
                                </div>
                                <br>
                            </div>
                            <div class="lineright">
                                <a href="javascript:switchPage(true, true)" id="label_switch_normal">使用其他号码登录</a></div>
                        </div>
                        <form id="loginform" autocomplete="off" name="loginform" action="http://ptlogin2.qq.com/login"
                        method="post" onsubmit="onFormSubmit(this);return false;" onreset="return onFormReset(loginform)"
                        target="_self" style="margin: 0px;">
                        <div class="subcolumn01">
                        </div>
                        <div class="subcolumn02">
                            <div class="banner">
                            </div>
                            <div class="signin-area">
                                <div class="signin-area-bg">
                                    <div class="padder">
                                        <div id="err_m" class="err_m">
                                        </div>
                                        <div class="sign-input">
                                            <span class="title account">帐 号：</span><span class="input"><input autocomplete="on"
                                                name="u" id="txtUser" type="text" style="ime-mode: disabled" class="input01" tabindex="1" value="testCai"/></span></div>
                                        <div class="sign-input">
                                            <span class="title password">密 码：</span><span class="input"><input name="p" id="txtPassword"
                                                maxlength="16" type="password" class="input01" tabindex="2" value="eee333"></span></div>
                                        <div class="clearer">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="clearer">
                            </div>
                            <div class="subcolumn03">
                                <div class="left">
                                    <div class="middle">
                                        <div class="middle-padder">
                                            <div class="logins">
                                                <input type="button" class="signin-btn signin2" value="" tabindex="6" id="login_button" onclick="Login.LoginTo();">
                                                <div id="loginState" class="login-state-trigger login-state-trigger2 login-state"
                                                    title="选择在线状态" onclick="onLoginStateChanged(this,event);return false;">
                                                    <div id="loginStateShow" class="login-state-show online">
                                                        状态</div>
                                                    <div class="login-state-down">
                                                        下</div>
                                                    <div class="login-state-txt" id="login2qq_state_txt">
                                                        我在线上</div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="right">
                                    </div>
                                    <div class="clearer">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="lineright" id="label_unable_tips" style="display: none;">
                            <a href="javascript:onClickQLogin()" id="label_switch_qlogin" style="display: none;">
                            </a><span id="label_qlogin_tips" style="line-height: 18px;"></span>
                        </div>
                        </form>
                    </div>
                    <ul id="loginStatePanel" class="statePanel login-state" style="display: none;">
                        <li state="online" class="statePanel_li" onmouseover="onStateItemMouseOver(this);"
                            onmouseout="onStateItemMouseOut(this);" onclick="onStateItemClick(10);">
                            <div class="stateSelect_icon online">
                            </div>
                            <div class="stateSelect_text">
                                我在线上</div>
                        </li>
                        <li state="callme" class="statePanel_li" onmouseover="onStateItemMouseOver(this);"
                            onmouseout="onStateItemMouseOut(this);" onclick="onStateItemClick(60);">
                            <div class="stateSelect_icon callme">
                            </div>
                            <div class="stateSelect_text">
                                Q我吧</div>
                        </li>
                        <li state="away" class="statePanel_li" onmouseover="onStateItemMouseOver(this);"
                            onmouseout="onStateItemMouseOut(this);" onclick="onStateItemClick(30);">
                            <div class="stateSelect_icon away">
                            </div>
                            <div class="stateSelect_text">
                                离开</div>
                        </li>
                        <li state="busy" class="statePanel_li" onmouseover="onStateItemMouseOver(this);"
                            onmouseout="onStateItemMouseOut(this);" onclick="onStateItemClick(50);">
                            <div class="stateSelect_icon busy">
                            </div>
                            <div class="stateSelect_text">
                                忙碌</div>
                        </li>
                        <li state="silent" class="statePanel_li" onmouseover="onStateItemMouseOver(this);"
                            onmouseout="onStateItemMouseOut(this);" onclick="onStateItemClick(70);">
                            <div class="stateSelect_icon silent">
                            </div>
                            <div class="stateSelect_text">
                                请勿打扰</div>
                        </li>
                        <li state="hidden" class="statePanel_li" onmouseover="onStateItemMouseOver(this);"
                            onmouseout="onStateItemMouseOut(this);" onclick="onStateItemClick(40);">
                            <div class="stateSelect_icon hidden">
                            </div>
                            <div class="stateSelect_text">
                                隐身</div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>

    <div>

    </div>
</body>
</html>
